<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/zhihu.css">
    <title>知乎-有问题，就会有答案</title>
</head>

<body style="background-color: #b8e5f8;background-image: url(img/zhuhubg.png);">
    <div class="logo">
        <img src="img/logo.png" style="width: 128px;height: auto;" />
    </div>
    <div class="content">
        <form>
            <div class="content-form">
                <div class="tab1">
                    <label id="noneed">免密码登录</label>
                    <label id="need">密码登录</label>
                </div>
                <div class="need">
                    <select class="num">
                        <option selected>中国+86</option>
                        <option>美国+1</option>
                        <option>中国香港+852</option>
                        <option>日本+81</option>
                        <option>中国台湾+886</option>
                    </select>
                    <input class="num1" type="text" placeholder="手机号">
                    <hr>
                    <div class="message">
                        <input placeholder="输入六位短信验证码" type="text">
                        <button>获取短信验证码</button>
                        <hr>
                        <a href=" ">接听语音验证码</a>
                    </div>
                </div>
                <div class="noneed">
                    <input type="text" class="id" placeholder="手机号或邮箱">
                    <hr>
                    <input type="password" class="pw" placeholder="密码">
                    <hr>
                    <span style="color: #175199;font-size: 15px;">海外手机号登录</span>
                    <span style="float: right;font-size: 15px; color: #8590a6;">忘记密码?</span>
                </div>
                <div class="tab2">
                    <a href=" "><button type="submit">登录</button></a>
                    <p>未注册手机验证后自动登录，注册即代表同意《知乎协议》《隐私保护指导》</p>
                </div>
                <div class="shejiao">
                    <span>社交账号登录</span>
                    <img src="img/weixin.png" style="float: right;" alt="微信">
                </div>
            </div>
        </form>
        <div class="content-footer">
            <img src="img/footer.png" alt="">
        </div>
    </div>
    <footer class="footer">
        <div class="footer-text"></div>
        <p style="text-align: center;">知乎专栏·回桌·发现·移动应用·联系我们来知惑工作·注册机号nvestorRelations</p>
        <p>2021 知乎·京ICP 110345号·京ICP备13062660 号-1·京公网安备11010802020088号·出版物经营许可证·互联网药品信息服务资格证书(京)-非经营性-2017-0067</p>
        <p>侵权举报·网上有害信息举报专区·儿童色情信息举报专区·违法和不良信息举报：010-82716601</p>
    </footer>
</body>
<script src="js/jquery-3.5.1.min.js"></script>
<script src="js/zhihu.js"></script>
</html>